.table_bd {
    background-color: #fff;
    padding: 12px ;
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    flex: 1;

    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .btn_derive {
            width: 50px;
            color: #fff;
            height: 30px;
        }

        .search {
            height: 28px;
            display: grid;
            grid-template-columns: 14vw auto;
            column-gap: 5px;

            .date-range {
                display: flex;
                gap: 5px;
            }

            :deep(.el-date-editor) {
                width: 210px;
                height: 28px;
                margin-right: 10px;
            }

            .input-with-select {
                width: 250px;
            }

            .w100 {
                width: 100px;
            }
        }
    }

    .table {
        margin: 10px 0;
        flex: 1;
        position: relative;

        .btns {
            display: flex;
            justify-content: center;
        }
    }

    .footer {
        display: flex;
        justify-content: right;
    }
}